<template>
    <yk-space justify="between" align="center" class="top-title">
        <!-- <yk-title :level="3">{{ route.meta.title }}</yk-title> -->
        <div class="top-title-text">{{ route.meta.title }}</div>
        <template v-if="isShowRight == 'search' ">
            <yk-input placeholder="请输入标题/简介" style="width: 360px">
            <template #suffix>
                <IconSearchOutline />
            </template>
            </yk-input>
        </template>
            
        </yk-space>
   
</template>

<script setup lang="ts">
import { useRoute } from "vue-router";
// 接收传参
const props = withDefaults(defineProps<{
    isShowRight: String | null;
}>(), {
    isShowRight: null
});
// 获取路由
const route = useRoute();
console.log(props);
// 获取router-link 跳转的地址

</script>

<style scoped lang="less">
.top-title{
    width: 100%;
    padding: 32px 32px 0 32px;
    &-text{
        color: #1e2025;
        font-family: "PingFang SC";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 36px;
    }
}
</style>